@charset "utf-8";
@import "config";
.container .main {
    .top {
        background: #FFFFFF;
        line-height: setLengthByHeight(88px);
        margin-top: setLengthByHeight(20px);
        border-top: 1px solid #c1c1c1;
        border-bottom: 1px solid #c1c1c1;
        padding: 0 4%;
        .left {
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 40%;
            strong {
                font-size: 0.7rem;
                em {
                    font-style: normal;
                    margin-left: 2%;
                }
            }
        }
        .right {
            width: 40%;
            float: right;
            a {
                color: #000000;
                font-size: 0.7rem;
            }
            .btn {
                width: 71%;
            }
        }
    }

    .content {
        background: #FFFFFF;
        .message {
            margin-top: setLengthByHeight(20px);
            &:first-of-type {
                margin-top: 0;
            }
            .title {
                a {
                    padding: setLengthByHeight(20px) 4% setLengthByHeight(20px) 10%;
                    display: block;
                    font-size: 0.65rem;
                    strong {
                        display: block;
                        background: #d62d31;
                        color: #FFFFFF;
                        padding: 1px 6px;
                    }
                    span {
                        margin-left: 5%;
                    }
                }
            }
            .box {
                border-bottom: 1px solid #c1c1c1;
                width: 90%;
                a {
                    display: block;
                    ul {
                        span {
                            display: block;
                            width: 100px;
                            height: 100px;
                            img {
                                width: 100%;
                                height: 100%;
                            }
                        }
                        li {
                            width: 61%;
                            padding-left: 2%;
                            float: left;
                            i {
                                font-size: 0.7rem;
                            }
                        }
                        li:first-of-type {
                            font-size: 0.7rem;
                            color: #333333;
                            line-height: 0.9rem;
                        }
                        li:nth-of-type(2) {
                            font-size: 0.6rem;
                            color: #999999;
                            line-height: 0.7rem;
                            margin-top: setLengthByHeight(10px);
                        }
                        li:last-of-type {
                            font-size: 0.6rem;
                            color: #d62d31;
                            margin-top: setLengthByHeight(60px);
                            line-height: 0.8rem;
                        }
                    }
                }

                .img_sub {
                    padding: setLengthByHeight(20px) 0;
                    .border {
                        width: 100px;
                        height: setLengthByHeight(60px);
                        border: 1px solid #cacaca;
                        border-radius: 3px;
                        span {
                            float: left;
                            width: 30%;
                            font-size: 0.7rem;
                            line-height: setLengthByHeight(58px);
                            text-align: center;
                            border-right: 1px solid #cacaca;
                        }
                        span:nth-of-type(2) {
                            width: 40%;
                        }
                        span:last-of-type {
                            border-right: none;
                        }
                    }
                }
            }
            .choice {
                width: 10%;
                height: 100px;
                position: relative;
                span {
                    display: block;
                    width: setLengthByHeight(38px);
                    height: setLengthByHeight(38px);
                    border: 1px solid #b5b5b5;
                    border-radius: 50%;
                    position: absolute;
                    top: setLengthByHeight(60px);
                    left: 17%;
                }
            }

        }
    }
    .bottom_tp {
        background: #f7f7f7;
        border-top: 1px solid #C1C1C1;
        border-bottom: 1px solid #C1C1C1;
        padding-top: setLengthByHeight(40px);
        padding-bottom: setLengthByHeight(40px);
        .logo {
            text-align: center;
            .left {
                display: inline-block;
                width: 10%;
                font-size: 0;
                height: setLengthByHeight(55px);
                img {
                    width: 100%;
                }
            }
            .right {
                display: inline-block;
                span {
                    display: block;
                    text-align: left;
                    font-size: 0.6rem;
                    color: #bababa;
                }
                span:first-of-type {
                    font-size: 0.8rem;
                    line-height: 0.85rem;
                }
            }

        }
        .below {
            text-align: center;
            margin-top: setLengthByHeight(5px);
            p {
                font-size: 0.65rem;
                margin: 0;
                color: #bababa;
            }
        }
    }
    .pull_top {
        display: none;
        width: setLengthByHeight(120px);
        height: setLengthByHeight(120px);
        padding: setLengthByHeight(15px) 0;
        border-radius: 50%;
        background: #817f7f;
        text-align: center;
        position: fixed;
        right: 4%;
        bottom: setLengthByHeight(200px);
        span {
            display: block;
            font-size: 1rem;
            color: #FFFFFF;
            line-height: 1rem;
            i {
                font-size: 1rem;
            }
        }
    }
}

.btmbar {
    height: setLengthByHeight(101px);
    .bottom_bw {
        padding-left: 2%;
        .opt {
            width: 25%;
            height: setLengthByHeight(101px);
            position: relative;
            .choice {
                width: 25%;
                height: setLengthByHeight(101px);
                position: relative;
                span {
                    display: block;
                    width: setLengthByHeight(38px);
                    height: setLengthByHeight(38px);
                    border: 1px solid #b5b5b5;
                    border-radius: 50%;
                    position: absolute;
                    left: 0;
                    top: setLengthByHeight(30px);
                }
            }
            p {
                font-size: 0.8rem;
                margin-left: 10%;
                line-height: setLengthByHeight(98px);
            }
        }

        .sum {
            width: 40%;
            padding: setLengthByHeight(10px) 0;
            li {
                list-style: none;
            }
            li:first-of-type {
                font-size: 0.8rem;
                line-height: 1rem;
                i {
                    font-size: 0.8rem;
                }
            }
            li:last-of-type {
                margin-top: setLengthByHeight(8px);
                font-size: 0.6rem;
                line-height: 0.8rem;
                span {
                    float: left;
                    i {
                        font-size: 0.6rem;
                    }
                }
            }
        }
        .close_an_at {
            width: 35%;
            a {
                display: block;
                border-radius: 0;
                height: setLengthByHeight(101px);
                line-height: setLengthByHeight(98px);
            }
        }
    }
}

.layer {
    .dialog {
        .icon_list {
            .item {
                .icon-weixin {
                    background-color: #85d16d;
                }

                .icon-pengyouquan {
                    background-color: #6dd193;
                }

                .icon-weibo {
                    background-color: #f26868;
                }

                .icon-QQ {
                    background-color: #4c88f5;
                }

                .icon-qqkongjian {
                    background-color: #f0c759;
                }

                .icon-shouji {
                    background-color: #54d3b1;
                }

                .icon-liuyan1 {
                    background-color: #ff936d;
                }

                .icon-erweima {
                    color: #000000;
                    border: setLengthByHeight(4px) solid #dde0de;
                    background-color: #ffffff;
                }

                .icon-fuzhilianjie {
                    background-color: #a8bcc8;
                }

                .icon-shichang {
                    background-color: #82cf4f;
                }
            }
        }
    }
}
